@CHARSET "UTF-8";
body{
background-image: url('../img/bkgd.png');
font-family: Verdana, Arial, sans-serif;
font-size : 12px;
color : #757575;
}

#no-script{
position: absolute;
padding : 5px;
margin : 0;
top : 0;
left: 0;
right: 0;
background-color: red;
color : yellow;
border : 1px dotted;
font-size: 10px;		
}

a{
color : #117ac0;
text-decoration: none;
}

a img{
border : none;	
}

.bold{
color : #117ac0;	
}

strong{
color : #117ac0;
font-weight: normal;
}

.component-personal-button{
border : 1px solid #2DACBF;
cursor : pointer;
padding : 3px;
margin-left: 10px;
}

.component-button-blue{
background: url('../img/component-button-blue.png') repeat-x;
color : white;
padding-left: 26px;
padding-right: 26px;
padding-top: 7px;
padding-bottom: 7px;
border : none;
cursor: pointer;
border-radius : 4px;
outline: none;
}

.component-button-blue:HOVER{
/*border : 1px solid grey;*/
font-weight: bold;
}

.component-separator{
width: 845px;
height: 3px;
background : url("../img/component-separator.png") no-repeat;
margin : 10px auto 10px auto ;
}

.component-photo-cadre{
border : solid 1px lightgrey;
padding : 12px;
}

.shrink{
font-size: 10px;	
}

.shrink-top{
margin-top : 0;	
}

.shrink-bottom{
margin-bottom: 0;	
}

.component-empty{
width : 100%;
height : 5px;
}

.component-datepicker-icon{
background-image: url('../img/home/datepicker.jpg');
width : 23px;
height : 23px;
float: left;
cursor : pointer;
margin : 0;
padding: 0;
}
#valid-search{
margin-top : 10px;
margin-left : 0px;
width : 140px;
}

.component-page-title{
margin-top: 50px;
padding-left: 20px;
background: url('../img/component-page-title-background.png') repeat-y;
}

.component-page-title h1{
color : #3b3b3b;
font-weight: normal;
padding-top : 3px;
padding-bottom: 3px;
}

.component-scroller{
float : left;
height : 500px;
background : url('../img/reglement/component-scroller-background.jpg') repeat-y;
border-radius : 4px;
}

/*Errors pour les formulaire*/
.errors{
list-style: none;
position: relative;
top : -40px;
left : 90px;
margin : 0;
}

#slider{
height: 500px;
cursor: pointer;
}

#slider a{
outline: none;	
}

#slider .ui-widget-header{
background : url('../img/reglement/component-scroller-background.jpg') repeat-y;
}

.component-scroller-item{
width : 100%;
height : 50px;
background-color: #838282;
}

.component-text-scroller{
float : left;
margin-left: 15px;
width : 750px;
overflow: hidden;
position : relative;
padding-left : 15px;
}

#main-site-page-content{
width : 830px;
margin : auto;
}

.main-site-top-shadow{
/*background-image: url('../img/bkgd_shadow_top.png');*/
height : 22px;
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: -2px;
}

#main-site-shadow{
background : url('../img/shadow.png') no-repeat;
margin-left : auto;
margin-right : auto;
width : 970px;
height: 890px;
padding-top : 11px;
margin-bottom : -10px;
}

#main-site{
margin-left : auto;
margin-right : auto;

width : 948px;
/*min-height : 1000px;*/
height : 877px;
background-color: white;
}

#main-site a {
outline: none;	
}

#logo{
margin-left : 30px;
margin-top : 25px;
}

#main-site-menu{
width : 600px;
position: relative;
left : 180px;
padding : 0;
margin : 0;
list-style: none;
display: inline;
font-size: 13px;
}

.main-site-menu-li{
	text-transform : uppercase;
	width : 100px;
	display: inline;
	padding-left : 10px;
	padding-right : 10px;
	position : relative;
	color : #484848;
	cursor: pointer;
}

.main-site-menu-li a{
color : #484848;	
}

.main-site-menu-li a.current{
color : #bfbfbf;	
}

.main-site-menu-li a:hover{
color : lightgrey;	
}

#main-site-slide-header{
width : 100%;
height : 240px;
margin-top : 7px;
}

#main-site-slide-header-button{
width : 136px;
position : absolute;
top : 90px;
left : 170px;
right : 2Opx;
}

#main-site-content-home-1{
width: 100%;
height : 260px;
}

#main-site-content-home-1-left{
width : 424px;
height: 100%;
margin-left: 50px;
margin-right : 10px;
float: left;
}

.main-site-content-home-1-column{
height: 100%;
width: 200px;
margin-right : 10px;
float: left;
}

#main-site-content-home-1-right-1{

}

.decal-ph{
margin-top : 10px;	
}

#main-site-content-home-1-right-2{
margin-right: 50px;
}

#main-site-content-home-2{
width: 100%;
height: 150px;
padding-bottom: 15px;
padding-left : 50px;
}

#main-site-content-home-2-left{
width : 210px;
margin : 0;
padding: 0;
}

#main-site-content-home-2-left .component-input-text{
width: 130px;
float : left;
}

#main-site-content-home-2-right-1{
margin-left: 15px;	
}

#main-site-content-home-2-right-2{
margin-top : 7px;
}

#main-site-content-home-2-right-3{
margin-top : 7px;
}

/** 		Page réglement 			**/
#main-site-page-content-text{
width : 100%;
height : 500px;
overflow: hidden;
padding-top : 10px;
padding-left: 5px;
padding-bottom: 10px;
position: relative;
word-wrap: break-word;
}

.main-site-bottom-background{
background: url('../img/reglement/bottom_background.jpg') no-repeat bottom;
}



#main-site-menu-bottom{
width: 100%;
text-align: center;
margin-top : 3px;
}

/** PAGE CONTACT **/
#main-site-contact-content-nojs{
height : 500px;
width: 600px;
margin: auto;
}


#main-form-info{
font-size : 12px;
margin-bottom: 20px;
padding-left: 15px;
}

#main-ajax-loader{
position : relative;
top : 180px;
left : 180px;
}

#frb-popup-shadow-box{
background-color: #e5eff7;
padding-left : 20px;
padding-right : 10px;
}
#frb-popup-shadow-box h2{
color : #194d72;
}
#frb-popup-shadow-box p{
margin-left : 15px;
font-size: 12px;
}

#main-form-contact{
width : 250px;
margin : auto;
color : #194d72;
font-weight: bold;
}

.red-required{
color : red;	
}

.green-optional{
color : green;	
}

#main-form-contact label{
cursor: pointer;
}

#main-form-contact input[type='text']{
width : 250px;
border : 1px solid lightgrey;
}

#main-form-contact textarea{
width : 250px;
height : 100px;
border : 1px solid lightgrey;
}

#main-form-contact input[type='submit']{
background : url('../img/contact/component-button-submit.png') no-repeat;
width : 177px;
height: 57px;
border : none;
margin-top : 15px;
margin-left: 40px;
cursor: pointer;
}
#main-form-contact input[type='submit']:HOVER {
	border : solid 1px #e5eff7;
}

/**			PLAN		**/

#main-site-plan{
border : 15px solid #dddbdb;
width: 918px;
height: 650px;
margin-top : 15px;
position : relative;
z-index : 1000;
}

#main-site-plan-panel{
position : absolute;
background : url('../img/plan/plan-panel-background.png');
width : 220px;
height : 680px;
z-index : 1001;
left : 10px;
top : -15px;

}

#main-site-plan-panel h2{
padding : 5px 10px 5px 10px;
font-weight: normal;
font-size: 26px;
color : #053555;
}

.main-site-plan-panel-arrow{
padding-top : 15px;
padding-bottom: 15px;
background : url('../img/plan/design-component-triangle.png') right no-repeat #bcbbbb;
color : white;
text-align: center;
margin-bottom: 5px;
cursor: pointer;
/* triangle 44*54 */
}
.main-site-plan-panel-arrow:hover{
color : black;
}

#main-site-plan-panel-farrow{
margin-top : 20px;	
}

#main-site-plan-panel img{
position : relative;
top : 300px;
z-index : 1002;
left : 50px;
}

#googlemap-error-load{
text-align: center;
color : black;
font-size: 13px;
width : 350px;
margin-left : auto;
margin-right : auto;
margin-top : 300px;
}




/**			APPARTEMENTS 			*/
.main-site-bottom-appartements{
background: url('../img/appartements/appartements_background.jpg') no-repeat bottom right;	
}

#main-site-content-appartements{
width : 900px;
margin-left: auto;
margin-right: auto;
}

#main-site-content-appartements-title{
/*background-color: #117AC0;*/
background : url('../img/appartements/appartements_title_background.jpg') repeat-y;
width: 100%;
padding : 5px;
color : white;
margin-top: 10px;
border-radius : 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#main-site-content-appartements-title h1{
font-size: 16px;	
}

#main-site-content-appartements-list{
width : 810px;
height :115px;
margin-left: 4px;
margin-right: auto;
background-color: #e0e0e0;
border : 1px solid #b6b4b4;
padding : 3px 50px 3px 40px;
border-radius : 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
}

#component-thumbs-viewer{
width : 100%;
height : 88px;
}

#component-thumbs-viewer-ul{
list-style: none;
margin-top : 7px;
}

.component-thumbs-viewer-li{
list-style: none;
float: left;
margin-right : 20px;
cursor: pointer;
}

.component-thumbs-viewer-li:hover .component-thumbs-viewer-li-shadow{
display : block;	
}

.component-thumbs-viewer-li-shadow{
width: 132px;
height: 63px;
position: absolute;
text-align: center;
background : url('../img/appartements/shadow-background.png') repeat;
padding-top : 40px;
top : 194px;
color : white;
font-size: 20px;
display: none;
}

.component-thumbs-viewer-li-shadow-view{
position : absolute;
margin-top : 3px;
margin-left : 30px;
}

#main-site-content-appartements-content{
width : 100%;
height : 550px;
}

#main-site-content-appartements-content #main-site-content-appartements-content-image {
float: left;
margin-top: 10px;
}

#main-site-content-appartements-content-image{
padding : 12px;
border : 1px lightgrey solid;
}

#main-site-content-appartements-content-text{
margin-left: 60px;
width : 630px;
float : left;
margin-top: 10px;
max-height: 540px;
overflow: hidden;
}

#main-site-content-appartements-content-text-searchengine{
height: 20px;
overflow: hidden;
padding : 10px;
border : dotted white 1px;
color : white;	
}

.main-site-content-appartements-content-text-searchengine-dispo{
background-color: green;	
}

.main-site-content-appartements-content-text-searchengine-nodispo{
background-color: red;	
}

.main-site-content-appartements-content-text-flat-preview{
height : 100px;	
}

.main-site-content-appartements-content-text-flat-images{
margin-left: 38px;
margin-top : 30px;
}

.main-site-content-appartements-content-text-flat-images img{
margin-right: 5px;
}

#maximize-ph{
background: url("../img/fond.png");
margin : 0;
position: fixed;
top : 0;
left : 0;
right: 0;
bottom: 0;
z-index: 2000;
display : none;
}
#maximize-ph-pic{
width : 530px;
height: 380px;
padding : 10px;
background-color: white;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
background : url("../globalbo/appartements/ajax-loader.gif") no-repeat scroll center center white;
overflow: auto;
}

#maximize-ph-pic img{
text-align: center;
margin-left: 50px;
margin-top: 40px;
margin-right: 50px;
margin-bottom: 40px;
}

#maximize-ph-close{
cursor: pointer;
text-align: right;
}

#maximize-ph-close:hover{
color : black;	
}

.pictures-detail:hover{
cursor: pointer;
}

.show-detail{
text-align: right;
margin-top : -20px;
margin-right: 7px;
text-decoration: underline;
}

.show-detail:hover{
cursor: pointer;
color : black;
}

#search-engine-todisplay{
cursor: pointer;
padding : 4px;
}

#search-engine-todisplay:hover{
background-color: #e1f3ff;
}

.main-site-content-appartements-content-text-flat{
border-top: 1px dotted gray;	
height : 100px;
width: 100%;
padding : 5px;
cursor: default;
overflow: hidden;
}

.main-site-content-appartements-content-text-flat:hover{
background-color: #e1f3ff; 	
}

.main-site-content-appartements-content-text-flat img{
float : left;	
}

.main-site-content-appartements-content-text-flat .main-site-content-appartements-content-tex-flat-content{
float: left;
width : 390px;
margin-left: 25px;
}

.main-site-content-appartements-content-tex-flat-content-line{
width : 460px;	
}

#main-site-content-appartements-content-pagination{
float: none;
width : 150px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top : 10px;
padding-left: 55px;
}

#main-site-content-appartements-content-pagination a{
margin-left : 10px;
margin-right: 10px;	
}

#main-site-content-appartements-content-pagination a:hover{
background-color: #757575;			
}

/* Mentions légales */
#main-site-content-appartements-content-image2{
float : left;
margin-right: 15px;
padding : 12px;
border : 1px lightgrey solid;
}

